<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>首页--layui后台管理模板 2.0</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="/layui/css/layui.css" media="all" />
    <link rel="stylesheet" href="/css/public.css" media="all" />
    <style>
        .history_box {
            overflow: hidden;
        }
        #scene-chart {
            margin-top: 0px !important;
        }
    </style>
</head>
<body class="childrenBody">
<%--<blockquote class="layui-elem-quote layui-bg-green">
    <div id="nowTime"></div>
</blockquote>--%>
<div class="layui-row layui-col-space10 panel_box">
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
        <a href="javascript:;" data-url="/admin/iftmonitor/ift_equipment/equipmentList">
            <div class="panel_icon layui-bg-green">
                <i class="layui-anim layui-icon" data-icon="&#xe630;">&#xe630;</i>
            </div>
            <div class="panel_word">
                <span id="col-equip-count">-</span>
                <em>采集设备数量</em>
                <cite class="layui-hide">采集设备数量</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
        <a href="javascript:;" data-url="/admin/iftmonitor/ift_ctrl_equipment/ctrlEquipmentList">
            <div class="panel_icon layui-bg-green">
                <i class="layui-anim layui-icon" data-icon="&#xe665;">&#xe665;</i>
            </div>
            <div class="panel_word">
                <span id="ctrcol-equip-count">-</span>
                <em>控制设备数量</em>
                <cite class="layui-hide">控制设备数量</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
        <a href="javascript:;" data-url="/admin/iftmonitor/ift_scene/sceneryList">
            <div class="panel_icon layui-bg-black">
                <i class="layui-anim layui-icon" data-icon="&#xe715;">&#xe715;</i>
            </div>
            <div class="panel_word">
                <span id="scene-count">--</span>
                <em>场景总数</em>
                <cite class="layui-hide">场景分布</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
        <a href="javascript:;" data-url="">
            <div class="panel_icon layui-bg-red">
                <i class="layui-anim layui-icon" data-icon="&#xe628;">&#xe628;</i>
            </div>
            <div class="panel_word">
                <span>-</span>
                <em>在线采集设备</em>
                <cite class="layui-hide">在线采集设备</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
        <a href="javascript:;" data-url="">
            <div class="panel_icon layui-bg-orange">
                <i class="layui-anim seraph " data-icon="&#xe770;">&#xe770;</i>
            </div>
            <div class="panel_word userAll">
                <span>-</span>
                <em>用户总数</em>
                <cite class="layui-hide">用户中心</cite>
            </div>
        </a>
    </div>
    <div class="panel layui-col-xs12 layui-col-sm6 layui-col-md4 layui-col-lg4">
        <a href="javascript:;" data-url="page/systemSetting/icons.html">
            <div class="panel_icon layui-bg-cyan">
                <i class="layui-anim seraph " data-icon="&#xe857;">&#xe857;</i>
            </div>
            <div class="panel_word outIcons">
                <span>-</span>
                <em>访问数量</em>
                <cite class="layui-hide">访问数量</cite>
            </div>
        </a>
    </div>

</div>

<div class="layui-row layui-col-space10">

    <div class="layui-col-lg4 layui-col-md6">
        <blockquote class="layui-elem-quote title">采集设备资源统计</blockquote>
        <div id="echart-box1" class="layui-elem-quote layui-quote-nm magb0 echart-box">
            <div id="pie-chart1" style="margin-top:10px;height: 250px;width: 100%; display: inline-block;">

            </div>
            <%--<div id="pie-chart2" style="margin-top:10px;height: 250px;width: 48%;display: inline-block;">

            </div>
            <div id="pie-chart3" style="margin-top:10px;height: 250px;width: 100%;display: inline-block;">

            </div>--%>
            <%--<div id="pie-chart3" style="margin-top:10px;height: 300px;width: 400px;">

            </div>--%>
        </div>
    </div>
    <div class="layui-col-lg4 layui-col-md6">
        <blockquote class="layui-elem-quote title">控制设备资源统计</blockquote>
        <div class="layui-elem-quote layui-quote-nm  magb0 echart-box">
            <div id="pie-chart2" style="margin-top:10px;height: 250px;width: 100%;display: inline-block;">

            </div>
        </div>
    </div>
    <div class="layui-col-lg4 layui-col-md6">
        <blockquote class="layui-elem-quote title">总设备资源统计</blockquote>
        <div  class="layui-elem-quote layui-quote-nm magb0 echart-box">
            <div id="pie-chart3" style="margin-top:10px;height: 250px;width: 100%;display: inline-block;">

            </div>
        </div>
    </div>
    <div class="layui-col-lg12 layui-col-md12">
        <blockquote class="layui-elem-quote title">采集数据量统计</blockquote>
        <div id="echart-box2" class="layui-elem-quote layui-quote-nm  magb0 echart-box">
            <div id="line-chart" style="margin-top:10px;height: 400px;width: 100%;">

            </div>
        </div>
    </div>


   <%-- <div class="layui-col-lg6 layui-col-md12">
        <blockquote class="layui-elem-quote title">站内统计</blockquote>
        <div id="echart-box3" class="layui-elem-quote layui-quote-nm history_box magb0 echart-box">
            <div id="zhu-chart" style="margin-top:10px;height: 100%;width: 100%;">

            </div>
        </div>
    </div>--%>

    <%--<div class="layui-col-lg6 layui-col-md6">
        <blockquote class="layui-elem-quote title">系统公告 <i class="layui-icon layui-red">&#xe756;</i></blockquote>
        <table class="layui-table mag0" lay-skin="line">
            <colgroup>
                <col>
                <col width="110">
            </colgroup>
            <tbody class="hot_news"></tbody>
        </table>
    </div>--%>
</div>

<script type="text/javascript" src="/layui/layui.js"></script>
<script type="text/javascript" src="/js/common/echarts.js"></script>
<script src="/js/common/jquery-3.3.1.js"></script>
<script src="/js/common/jquery.cookie.js"></script>
<script type="text/javascript" src="/js/ift_data_statistics/data_summary.js"></script>
</body>
</html>